import Footer from '@/components/Footer';
import {Question, SelectLang} from '@/components/RightContent';
import {getLoginUserUsingGET} from '@/services/api-hub-be/userController';
import {LinkOutlined} from '@ant-design/icons';
import type {Settings as LayoutSettings} from '@ant-design/pro-components';
import type {RunTimeLayoutConfig} from '@umijs/max';
import {history, Link} from '@umijs/max';
import defaultSettings from '../config/defaultSettings';
import {AvatarDropdown, AvatarName} from './components/RightContent/AvatarDropdown';
import {requestConfig} from './requestConfig';
import axios from "axios";

const isDev = process.env.NODE_ENV === 'development';
const loginPath = '/user/login';

// alert(process.env.NODE_ENV)

/**
 * @see  https://umijs.org/zh-CN/plugins/plugin-initial-state
 * */
export async function getInitialState(): Promise<InitialState> {
    const fetchUserInfo = async () => {
        try {
            debugger
            const res = await getLoginUserUsingGET();
            return res.data;
        } catch (error) {
            history.push(loginPath);
        }
        return undefined;
    };
    // 如果不是登录页面，执行
    const {location} = history;
    if (location.pathname !== loginPath) {
        try {
            const loginUser = await getLoginUserUsingGET();
            return {
                fetchUserInfo,
                loginUser: loginUser.data,
                settings: defaultSettings as Partial<LayoutSettings>,
            };
        } catch (e) {
            history.push(loginPath);
        }
    }
    return {
        fetchUserInfo,
        settings: defaultSettings as Partial<LayoutSettings>,
    };
}

// ProLayout 支持的api https://procomponents.ant.design/components/layout
export const layout: RunTimeLayoutConfig = ({initialState, setInitialState}) => {
    return {
        actionsRender: () => [<Question key="doc"/>, <SelectLang key="SelectLang"/>],
        avatarProps: {
            src: initialState?.loginUser?.userAvatar,
            title: <AvatarName/>,
            render: (_, avatarChildren) => {
                return <AvatarDropdown>{avatarChildren}</AvatarDropdown>;
            },
        },
        waterMarkProps: {
            content: initialState?.loginUser?.userName,
        },
        footerRender: () => <Footer/>,
        onPageChange: () => {
            const {location} = history;
            // 如果没有登录，重定向到 login
            if (!initialState?.loginUser && location.pathname !== loginPath) {
                history.push(loginPath);
            }
        },
        layoutBgImgList: [
            {
                src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/D2LWSqNny4sAAAAAAAAAAAAAFl94AQBr',
                left: 85,
                bottom: 100,
                height: '303px',
            },
            {
                src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/C2TWRpJpiC0AAAAAAAAAAAAAFl94AQBr',
                bottom: -68,
                right: -45,
                height: '303px',
            },
            {
                src: 'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/F6vSTbj8KpYAAAAAAAAAAAAAFl94AQBr',
                bottom: 0,
                left: 0,
                width: '331px',
            },
        ],
        links: isDev
            ? [
                <a key="openapi" target="_blank" href={"http://localhost:8101/api/dco.html"}>
                    <span>OpenAPI 文档</span>
                </a>,
            ]
            : [],
        menuHeaderRender: undefined,
        // 自定义 403 页面
        // unAccessible: <div>unAccessible</div>,
        // 增加一个 loading 的状态
        childrenRender: (children) => {
            // if (initialState?.loading) return <PageLoading />;
            return (
                <>
                    {children}
                    {/*<SettingDrawer*/}
                    {/*    disableUrlParams*/}
                    {/*    enableDarkTheme*/}
                    {/*    settings={initialState?.settings}*/}
                    {/*    onSettingChange={(settings) => {*/}
                    {/*        setInitialState((preInitialState) => ({*/}
                    {/*            ...preInitialState,*/}
                    {/*            settings,*/}
                    {/*        }));*/}
                    {/*    }}*/}
                    {/*/>*/}
                </>
            );
        },
        ...initialState?.settings,
    };
};

/**
 * @name request 配置，可以配置错误处理
 * 它基于 axios 和 ahooks 的 useRequest 提供了一套统一的网络请求和错误处理方案。
 * @doc https://umijs.org/docs/max/request#配置
 */
export const request = {
    ...requestConfig,
};
